<template>
	<a-row :gutter="10" style="width: 109%; margin-bottom: 10px">
		<a-col :span="16">
			<!--			<userInfo class="mb-2" />-->
			<shortcut class="mb-2"/>
			<!--			<a-row :gutter="10">-->
			<!--				<a-col :span="12">-->
			<!--					<visLog class="mb-2" />-->
			<!--				</a-col>-->
			<!--				<a-col :span="12">-->
			<!--					<opLog class="mb-2" />-->
			<!--				</a-col>-->
			<!--			</a-row>-->
			<a-row :gutter="3">
				<a-col :span="8">
					<a-card title="饲料库存" :bordered="false">
						<FeedStockPieChart style="height: 400px"/>
					</a-card>
				</a-col>
				<a-col :span="8">
					<a-card title="鸡蛋库存" :bordered="false">
						<EggStockHistogram style="height: 400px"/>
					</a-card>
				</a-col>
				<a-col :span="8">
					<a-card title="肉鸡库存" :bordered="false">
						<BroilerStockHistogram style="height: 400px"/>
					</a-card>
				</a-col>
			</a-row>

		</a-col>

		<a-col :span="6">
			<!--			<carousel class="mb-2" />-->
			<schedule class="mb-2"/>
			<miniMessage class="mb-2" style="height: 270px"/>
		</a-col>
	</a-row>
	<a-row :gutter="10" style="width: 109%;margin-bottom: 10px">
		<a-col :span="11">
			<a-card title="病鸡出现次数与种类关系" :bordered="false">
				<SickChickenTypePieChart style="height: 400px"/>
			</a-card>
		</a-col>
		<a-col :span="11">
			<a-card title="病鸡出现频率" :bordered="false">
				<SickChickenDateChart/>
			</a-card>
		</a-col>
	</a-row>
	<a-row :gutter="10" style="width: 109%;margin-bottom: 10px">
		<a-col :span="11">
			<a-card title="病鸡出现次数与饲料种类关系" :bordered="false">
				<SickChickenFeedTypeChart/>
			</a-card>
		</a-col>
		<a-col :span="11">
			<a-card title="病鸡出现次数与栏舍关系" :bordered="false">
				<SickChickenBarnChart/>
			</a-card>
		</a-col>
	</a-row>
	<a-row :gutter="10" style="width: 109%;margin-bottom: 10px">
		<a-col :span="11">
			<a-card title="蛋鸡饲料转化情况（kg）" :bordered="false">
				<EggProFeedChart/>
			</a-card>
		</a-col>
		<a-col :span="11">
			<a-card title="肉鸡饲料转化情况（kg）" :bordered="false">
				<BroilerProFeedChart/>
			</a-card>
		</a-col>
	</a-row>
</template>

<script setup name="indexHome">
import shortcutCard from '@/components/ShortcutCard/index.vue'
import userInfo from './components/userInfo.vue'
import shortcut from './components/shortcut.vue'
import schedule from './components/schedule.vue'
import miniMessage from './components/miniMessage.vue'
import carousel from './components/carousel.vue'
import visLog from './components/visLog.vue'
import opLog from './components/opLog.vue'
import FeedStockPieChart from './components/FeedStockPieChart.vue'
import EggStockHistogram from './components/EggStockHistogram.vue'
import BroilerStockHistogram from './components/BroilerStockHistogram.vue'
import SickChickenTypePieChart from "./components/SickChickenTypePieChart.vue";
import SickChickenDateChart from "@/views/index/components/SickChickenDateChart.vue";
import SickChickenFeedTypeChart from "./components/SickChickenFeedTypeChart.vue"
import SickChickenBarnChart from "./components/SickChickenBarnChart.vue"
import EggProFeedChart from "./components/EggProFeedChart.vue"
import BroilerProFeedChart from  "./components/BroilerProFeedChart.vue"
</script>
